<template>
	<div class="div_biggest">
		<el-row class="row_top_ad">
			<el-col span="5" offset="19">
				<div class="div_top_ad"><span><广告></span></div>
			</el-col>
		</el-row>
		
		<el-row class="row_nav">
			<el-col span="20" offset="4">
				<div class="div_nav">
					<ul>
					<router-link to="/theTop/theApple">	<li> <i class="el-icon-setting"></i> </li> </router-link>
					<router-link to="/theTop/theMac">	<li> <a>Mac</a> </li> </router-link>
					<router-link to="/theTop/theiPad">	<li> <a>iPad</a> </li> </router-link>
						<li> <a>iPhone</a> </li>
						<li> <a>Watch</a> </li>
						<li> <a>Music</a> </li>
						<li> <a>技术支持</a> </li>
						<li> <i class="el-icon-search"></i> </li>
						<li> <i class="el-icon-goods"></i> </li>
					</ul>
				</div>
				</el-col>
			</el-row>
			<router-view></router-view>
	</div>
</template>

<script>
	export default {
		data() {
			return {
	
			}
		},mounted() {
			this.$router.push("/theTop/theApple");
		},methods:{
			
		}
	}
</script>

<style scoped>
	/* 最顶部的一行 */
	.row_top_ad,.div_top_ad{
		background: #444444;
		height: 40px;
		line-height: 40px;
		top:0px;
		
	}
	.div_top_ad span{
		font-size: 12px;
		color: #a8a8aa;;
	}
	.row_top_ad,.row_nav{
		width: 100%;
		position: fixed;
		z-index: 8;
	}
	/* 顶部导航栏 */
	.row_nav,.div_nav{
		height: 48px;
		background: #313131;
		top: 40px;
	}
	
	
	
	.div_nav ul li,.div_nav ul{
		display: inline-block;
	}
	.div_nav ul li{
		color: white;
		width: 110px;
		cursor: pointer;
	}
	
	.div_nav ul li a{
		font-size: 13px;
	}
	.div_nav ul li i{
		font-size: 18px;
	}
	.div_nav ul li a:hover,.div_nav ul li i:hover{
		color: #a8a8aa;
		
	}
	
</style>
